// 主题颜色
$color: #1677ff;

// 主题颜色
$mainColor: $color;

// 主题背景色
$mainBgColor: $color;

// 界面背景色
$pageBgColor: #fafafa;

// 菜单切换高亮背景色
$menuActiveBg: #0054C9;

// 导航栏高度
$navbarHeight: 56;

// 标签（面包屑）高度
$breadcrumbHeight: 50;

// 主题字体
$fonts: "微软雅黑", Arial, "宋体", "黑体", "苹方";

// 鼠标经过字体样式
$hoverClass: $color;

// 鼠标经过背景样式
$hoverBgClass: $color;

// 主题色的 rgb + 透明度，这个值需要美工或 UI 根据主题色的 rgb 去配置
$mainBgOpacity: rgba(216, 8, 8, 0.1);

:export {
    mainColor: $mainColor;
    mainBgColor: $mainBgColor;
    pageBgColor: $pageBgColor;
    navbarHeight: $navbarHeight;
    breadcrumbHeight: $breadcrumbHeight;
    fonts: $fonts;
    hoverClass: $hoverClass;
    hoverBgClass: $hoverBgClass;
    mainBgOpacity: $mainBgOpacity;
    menuActiveBg: $menuActiveBg;
}
